body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}
ul,
ol {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    color: #666;
}

html,
body {
  font: 16px/2 "Microsoft Yahei", "Hiragino Sans GB", "PingFang SC", "Heiti SC",
    "sans-serif", "Tahoma";
  font-weight: 300;
  margin: 0 auto;
  background-color: #fff;
  color: #666;

}




/* 自定义变量颜色 */


:root {

  /* Logo颜色：#3a506f */
  /* 辅助色：#eb5c20 */

  --colorBgLight: #ffffff;
  --colorBgGray: #f4f4f4;
  /* --colorBgDark: #071b74; */
  /* --colorBgBtn: #eb5c20; */
  --colorBgDark: #001736;
  --colorBgBtn: #8b4528;
  
  --colorBorderLight: #e8e8e8;
  --colorBorderBlue: #071b74;
  --colorBorderDark: #333333;
  
  --colorTxtLight: #e8e8e8;
  --colorTxtDark: #333333;

  --colorLogo: #3a506f;
  --colorSub: #eb5c20;


  --animate-delay: 0.3s;


  --maxWidth: 1440px;
  

}



/*  100vw 出现滚动条 开始 */
html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}
/*  100vw 出现滚动条 结束 */




/* 公共样式 开始 */

.wrap-100 {
  width: 100vw;
  height: auto;
}

.bgc-f5 {
  background-color: #f5f5f5;
}

.title {
  height: 12rem;
  text-align: center;
  margin: 0 auto;
  padding: 4rem 0 0 0;
  /* border: #f0f 1px solid;
  */
}

.title h4 {
  font-size: 2rem;
  color: #32506f;
}

.title h4 a{
  font-size: 2rem;
  color: #32506f;
}

.title p {
  color: #979da6;
}

.title .img {
  width: 53px;
  height: 5px;
  margin: 10px auto 20px;
}





/* 电脑端--屏幕大于1920   开始  */
@media screen and (min-width: 1921px) {
  html,
  body {
    font-size: 18px;
  }

  :root {
    --max-widthA: 1920px;
  }
}

/* 电脑端--屏幕1201-1920px 开始  */
@media screen and (min-width: 1201px) and (max-width: 1920px) {
  html,
  body {
    font-size: 16px;
  }
  :root {
    --max-widthB:1440px;
  }
}

/* 手机端--适用于小于1200的屏幕 媒体查询1200px 开始  */
@media screen and (max-width: 1200px) {
  html,
  body {
    font-size: 12px;
  }
}

/*1440x75=1080 1920x75=1440px 2560x75=1920 */
/* height: 75vh; 高度根据视口 如果宽度缩小，高度也不会等比缩小*/
/*  高度根据宽度缩小*/

/* max-width指视窗大于1920时 内容就不再拉伸放大 
.maxw1920 {
  max-width: 1920px;
}
min-width指视窗小于该值时 内容就不压缩 而是出现滚动条 
.minw768 {
  min-width: 768px;
}
*/

/* width: 99vw; */
/*box-shadow会撑大容器 出现水平滚动条 所以width: 99vw; */
/* box-shadow:0 3px 5px 0 #e5e5e5; */
/* box-shadow:的6个参数
      x轴偏移:正数 向右偏移 负数向左
      y轴偏移:正数 向下偏移 负数向上
      模糊半径:0完全不模糊 值越大越模糊 --会撑大容器 
      模糊距离：取正数向外或内四个方向延伸阴影 --会撑大容器
      颜色：阴影的颜色
      类型：inset内阴影 默认为外阴影
      */